<template>
  <div class="page">
    <div class="header">
      <h2>员工管理</h2>
      <div class="actions">
        <el-input v-model="q" placeholder="搜索姓名/工号" size="small" style="width: 220px" />
        <el-button type="primary" size="small">新增员工</el-button>
      </div>
    </div>
    <el-card>
      <el-table :data="[]" empty-text="暂未接入数据">
        <el-table-column label="工号"/>
        <el-table-column label="姓名"/>
        <el-table-column label="部门"/>
        <el-table-column label="岗位"/>
        <el-table-column label="入职日期"/>
        <el-table-column label="操作"/>
      </el-table>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const q = ref('')
</script>

<style scoped>
.page { padding: 16px; }
.header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.header h2 { margin: 0; font-size: 20px; font-weight: 600; }
</style>

